<!DOCTYPE html>
<html lang="zh_cn">
<head>
<#include "/common/_head.html" />
<#include "/common/_script.html" />
<link href="../assets/plugin/bootstrap-summernote/summernote.css" rel="stylesheet">
<script src="/assets/echarts/esl.js"></script>
</head>

<body class="no-skin">
	<#include "/common/_navbar.html" />
	<div class="main-container" id="main-container">
		<#include "/common/_sidebar.html" />
		<div class="main-content">
			<div class="main-content-inner">
				<div class="page-content">
					<#include "/common/_settings.html" />
					<div class="page-header">
						<h1>
							首页 <small> <i class="ace-icon fa fa-angle-double-right"></i>
								设备监测 </small>
						</h1>
					</div>
					<!-- /.page-header -->

					<!-- echarts -->
					<div class="row">
						<div align="center" class="col-sm-12">
							<!-- #section:pages/dashboard.infobox.dark -->
							<div class="infobox infobox-blue infobox-dark">
								<div class="infobox-icon">
									<i class="ace-icon fa  fa-list-ol"></i>
								</div>

								<div class="infobox-data">
									<div class="infobox-content">代办事项</div>
									<div class="infobox-content">10</div>
								</div>
							</div>

							<div class="infobox infobox-green infobox-dark">
								<div class="infobox-icon">
									<i class="ace-icon fa  fa-database"></i>
								</div>

								<div class="infobox-data">
									<div class="infobox-content">油井总数</div>
									<div class="infobox-content">120</div>
								</div>
							</div>

							<div class="infobox infobox-orange infobox-dark">
								<div class="infobox-icon">
									<i class="ace-icon fa  fa-exclamation-triangle"></i>
								</div>

								<div class="infobox-data">
									<div class="infobox-content">通讯故障数</div>
									<div class="infobox-content">3</div>
								</div>
							</div>

							<div class="infobox infobox-red infobox-dark">
								<div class="infobox-icon">
									<i class="ace-icon fa  fa-bell"></i>
								</div>

								<div class="infobox-data">
									<div class="infobox-content">报警数</div>
									<div class="infobox-content">6</div>
								</div>
							</div>
							<!-- /section:pages/dashboard.infobox.dark -->

							<div class="hr hr-16 hr-dotted"></div>
						</div>
						<!-- row -->

						<div class="row">
							<div class="col-xs-12 widget-container-col">
								<div class=" col-sm-6">
									<!-- #section:custom/widget-box -->
									<div class="widget-box">
										<div class="widget-header">
											<h5 class="widget-title">报警信息列表</h5>

											<!-- #section:custom/widget-box.toolbar -->
											<div class="widget-toolbar">
												<div class="widget-menu">
													<a href="#" data-action="settings" data-toggle="dropdown">
														<i class="ace-icon fa fa-bars"></i> </a>

													<ul
														class="dropdown-menu dropdown-menu-right dropdown-light-blue dropdown-caret dropdown-closer">
														<li><a data-toggle="tab" href="#dropdown1">Option#1</a>
														</li>

														<li><a data-toggle="tab" href="#dropdown2">Option#2</a>
														</li>
													</ul>
												</div>

												<a href="#" data-action="fullscreen" class="orange2"> <i
													class="ace-icon fa fa-expand"></i> </a> <a href="#"
													data-action="reload"> <i class="ace-icon fa fa-refresh"></i>
												</a> <a href="#" data-action="collapse"> <i
													class="ace-icon fa fa-chevron-up"></i> </a> <a href="#"
													data-action="close"> <i class="ace-icon fa fa-times"></i>
												</a>
											</div>

											<!-- /section:custom/widget-box.toolbar -->
										</div>

										<div class="widget-body">
											<div class="widget-main no-padding">
												<table class="table table-bordered table-striped">
													<thead class="thin-border-bottom">
														<tr>
															<th><i class="ace-icon fa fa-caret-right blue"></i>井号
															</th>

															<th><i class="ace-icon fa fa-caret-right blue"></i>类型
															</th>

															<th class="hidden-480"><i
																class="ace-icon fa fa-caret-right blue"></i>最后通讯时间</th>
														</tr>
													</thead>

													<tbody>
														<tr>
															<td>12</td>
															<td><b>24小时未通讯</b> 
															<div class="pull-right action-buttons">
																<a href="#" class="red"> <i
																	class="ace-icon fa fa-exclamation-triangle bigger-130">
																	</i> </a> <span class="vbar"></span>
															</div>
															</td>
															<td><b>2016年9月28日 14:22:17</b>
															</td>
														</tr>

														<tr>
															<td>66</td>
															<td><b>24小时未通讯</b> <div class="pull-right action-buttons">
																<a href="#" class="red"> <i
																	class="ace-icon fa fa-exclamation-triangle bigger-130">
																	</i> </a> <span class="vbar"></span>
															</div></td>
															<td><b>2016年9月28日 15:32:47</b>
															</td>
														</tr>

														<tr>
															<td>79</td>
															<td><b>24小时未通讯</b><div class="pull-right action-buttons">
																<a href="#" class="red"> <i
																	class="ace-icon fa fa-exclamation-triangle bigger-130">
																	</i> </a> <span class="vbar"></span>
															</div></td>
															<td><b>2016年9月28日 16:52:19</b>
															</td>
														</tr>

														<tr>
															<td>101</td>
															<td><b>48小时未通讯</b><div class="pull-right action-buttons">
																<a href="#" class="red"> <i
																	class="ace-icon fa fa-bell bigger-130">
																	</i> </a> <span class="vbar"></span>
															</div></td>
															<td><b>2016年9月28日 20:34:32</b>
															</td>
														</tr>

													</tbody>
												</table>
											</div>
											<!-- /.widget-main -->
										</div>
									</div>
								</div>
								<!-- /section:custom/widget-box -->

								<!-- #section:custom/widget-box -->
								<div class="col-sm-6">
									<!-- #section:custom/widget-box -->
									<div class="widget-box">
										<div class="widget-header">
											<h5 class="widget-title">待办事项列表</h5>

											<!-- #section:custom/widget-box.toolbar -->
											<div class="widget-toolbar">
												<div class="widget-menu">
													<a href="#" data-action="settings" data-toggle="dropdown">
														<i class="ace-icon fa fa-bars"></i> </a>

													<ul
														class="dropdown-menu dropdown-menu-right dropdown-light-blue dropdown-caret dropdown-closer">
														<li><a data-toggle="tab" href="#dropdown1">Option#1</a>
														</li>

														<li><a data-toggle="tab" href="#dropdown2">Option#2</a>
														</li>
													</ul>
												</div>

												<a href="#" data-action="fullscreen" class="orange2"> <i
													class="ace-icon fa fa-expand"></i> </a> <a href="#"
													data-action="reload"> <i class="ace-icon fa fa-refresh"></i>
												</a> <a href="#" data-action="collapse"> <i
													class="ace-icon fa fa-chevron-up"></i> </a> <a href="#"
													data-action="close"> <i class="ace-icon fa fa-times"></i>
												</a>
											</div>

											<!-- /section:custom/widget-box.toolbar -->
										</div>

										<div class="widget-body">
											<div class="widget-main no-padding">
												<table class="table table-bordered table-striped">
													<thead class="thin-border-bottom">
														<tr>
															<th><i class="ace-icon fa fa-caret-right blue"></i>任务下发时间
															</th>

															<th><i class="ace-icon fa fa-caret-right blue"></i>任务内容
															</th>
													</thead>

													<tbody>
														<tr>
															<td>2016-08-28 08:09:33</td>
															<td><b>安全生产会议</b> 
															<div class="pull-right action-buttons">
																<a href="#" class="red"></a> <span class="vbar"></span>
															</div>
															</td>
														</tr>

														<tr>
															<td>2016-08-28 11:22:33</td>
															<td><b>设备检修</b> <div class="pull-right action-buttons">
																<a href="#" class="red"> </a> <span class="vbar"></span>
															</div></td>
														</tr>

														<tr>
															<td>2016-08-28 15:32:19</td>
															<td><b>油井巡检</b><div class="pull-right action-buttons">
																<a href="#" class="red"> </a> <span class="vbar"></span>
															</div></td>
														</tr>

														<tr>
															<td>2016-08-28 16:27:02</td>
															<td><b>填写工作记录</b><div class="pull-right action-buttons">
																<a href="#" class="red"> 
																	 </a> <span class="vbar"></span>
															</div></td>
														</tr>

													</tbody>
												</table>
											</div>
											<!-- /.widget-main -->
										</div>
									</div>
								</div>

							</div>
							<!-- /.col -->
						</div>

						<div class="hr hr-16 hr-dotted"></div>
						<div class="col-xs-12 widget-container-col"><#include
							"all_liquid_level.html" /></div>

						<#include "/common/_sidebar2.html" />
					</div>
					<!-- /.page-content -->
				</div>
			</div>
		</div>
		<!-- /.main-content -->

		<#include "/common/_footer.html" />
	</div>
	<!-- /.main-container -->

	<!-- inline scripts related to this page -->
</body>
</html>